<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的首页</title>
</head>
    <body>
        <!--
            <h>:标题，分别对应h1~h6
                标题独立占用一行
            <center>:居中显示，凡是在该标签中的内容都会在页面上居中显示
                     该标签在HTML5中的标准后就不再建议使用了
            <input>:输入组件，用于获取用户的输入，该组件具体体现为 什么样子，
                    取决于type属性的值.
                    常见的有：
                        text:文本框
                        password:密码框
                        radio:单选框
                        checkbox:复选框
                        button:按钮
             <br>:换行
             <a>:超链接，标签中间的文本是超链接上提示的字符.
                 href属性用于指定点击超链接后的请求路径.
                 该路径可以用绝对路径或相对路径，绝对路径通常请求其他
                 网站，相对路径通常请求本网站其他资源.
             <table>:表格，table标签下可以包含<tr>
                     <tr>:行，下面可以包含<td>
                     <td>:列.
                     即：table包含tr用来指定表格中有多少行.
                        tr中抱含td,用来指定一行中有多少列.
                     bgcolor="颜色的英文单词"，调整背景颜色
                     左对齐：left   右对齐：right   居中对齐：center
        -->
        <center>
            <h1>百度</h1>
        <!--    <h2>我是标题</h2>-->
        <!--    <h3>我是标题</h3>-->
        <!--    <h4>我是标题</h4>-->
        <!--    <h5>我是标题</h5>-->
        <!--    <h6>我是标题</h6>-->
            <!--             size调整大小-->
            <input type="text" size="70">
            <!--                 给按钮加上文字   点击触发事件    加函数或其他-->
            <input type="button" value="百度一下" onclick="alert('再点一下试试！')">
            <!--换行-->
            <br>
            <!--"<a>"就是超链接  若想点击就在后面加上一个"href="网址" "-->
            <a href="http://www.taobao.com">去淘宝</a>
            <a href="http://www.tmooc.cn">达内教育</a>
            <a href="http://doc.canglaoshi.org">真·苍老师学习资料(你懂的)</a>
            <br>
       <!--"<table>表格" 加上边框,调整大小-->
            <table border="3">
                <!--行-->
                <tr>
                    <!--列-->
                    <td>第一列</td>
                    <!--虽然只有两列，但第二列跨两列显示，所以当作三列-->
                    <!--      居中对齐  跨两列显示-->
                    <td align="center" colspan="2">第二列</td>
                </tr>
                <tr>
                    <!-- 跨两行显示，所以第三行的第一列直接删除-->
                    <td rowspan="2">第一列</td>
                    <td>第二列</td>
                    <td>第三列</td>
                </tr>
                <tr>
                    <td>第二列</td>
                    <td>第三列</td>
                </tr>
            </table>

        </center>

    </body>
</html>